<template>
  <h1>title1:{{ title1 }}</h1>
  <h1>title2:{{ title2 }}</h1>
  {{props}}
  <button @click="textEmit">发射一个自定义事件</button>
</template>
<script setup lang="ts">
import {
  ref,
  defineExpose
} from "vue";
// 给props 的类型移入一个单独的接口中
import {Props} from './type'

let title1 = ref("我是子组件name1");
let title2 = ref("王二");

// defineProps(['car']) //获取父组件传递过来的car数据

const props = defineProps<Props>()

const emit = defineEmits(['hhh']);//初始化一个自定义事件

const textEmit = ()=>{
  emit('hhh')//把初始化的自定义事件发射出去
}



// 使用defineExpose将组件中的数据交给外部
defineExpose({ title1, title2 });
</script>

<style scoped></style>
